<!DOCTYPE html
		PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
		"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<script src="../../_jquery/jquery-1.3.2.js"></script>
	<script src="../autosize.jquery.js"></script>

	<script src="../../resizable/resizable.jquery.js"></script>

	<script src="autosize.example.js"></script>
	<title>Auto Expanding Textarea</title>
<style>
	/*textarea {
		padding: 0;
		border: 0;
		margin: 0;
		background: #9f9;
		resize: none;
		font-size: 16px;
		}*/

	div.resizable {
		width: 160px;
		height: 120px;
		padding: 10px;
		background: pink;
		border: 1px solid red;
		}

	.handle {
		width: 32px;
		height: 24px;
		padding: 1px;
		background: #9999FF;
		border: 1px solid green;
		float: right;
		}
</style>
</head>
<body>
	<div id="no_styles">
		<h2>No Styles</h2>
		<div class="resizable">
			<div class="handle"></div>
		</div>

		<textarea class="resizable">SO here I am typing. Not exactly sure what's going to happen. I guess it will... hmm, that didn't seem to work. hm. And here I go again on my own. Blah blag. So there it is. But it should. i ii iii iiii iiiii iiiiii iiiiiii iiiiiiii iiiiiiiii iiiiiiiiii iiiiiiiiiii iiiiiiiiiiiii iiiiiiiiiiiiii iiiiiiiiiiiiiii iiiiiiiiiiiiiiii iiiiiiiiiiiiiiiii iiiiiiiiiiiiiiiiii iiiiiiiiiiiiiiiiiii iiiiiiiiiiiiiiiiiii iiiiiiiiiiiiiiiiiii o
oo 
ooo
oo
zzz z z z z z z z z z z z z  z z z z z z z z z z z z z z z </textarea>
	</div>
</body>
</html>